@import "base";
@import "header";
@import "footer";

html {
  font-size: 10px !important;
}

@media (min-width: 360px) {
  html {
    font-size: 11.25px !important;
  }
}

@media (min-width: 401px) {
  html {
    font-size: 12.53px !important;
  }
}

@media (min-width: 428px) {
  html {
    font-size: 13.38px !important;
  }
}

@media (min-width: 481px) {
  html {
    font-size: 15.03px !important;
  }
}

@media (min-width: 569px) {
  html {
    font-size: 17.78px !important;
  }
}

@media (min-width: 641px) {
  html {
    font-size: 20.03px !important;
  }
}

@media (min-width: 721px) {
  html {
    font-size: 22.53px !important;
  }
}

@media (min-width: 901px) {
  html {
    font-size: 28.15px !important;
  }
}

